@import "../../theme.scss";
.zt-good {
    .typeone {
        image {
            width: 100%;
            height: 360rpx;
            background: #d8d8d8;
        }
    }
    .typetwo,
    .typethree {
        padding-top: 20rpx;
        background: #fff;
        .product {
            position: relative;
            image {
                width: 180rpx;
                height: 180rpx;
                background: #ddd;
            }
            .sign {
                position: absolute;
                width: 43rpx;
                height: 30rpx;
                line-height: 30rpx;
                right: 0;
                top: 0;
                font-size: $font-size-18;
                text-align: center;
                color: #fff;
                &.color1 {
                    background: $color-domhue;
                }
                &.color2 {
                    background: $color-904cff;
                }
            }
        }
        .describe {
            padding-left: 20rpx;
            .title {
                font-size: $font-size-26;
                color: $color-333333;
                line-height: 37rpx;
            }
            .type {
                font-size: $font-size-24;
                color: $color-888888;
            }
            .buybar {
                align-items: flex-end;
            }
            .price {
                font-size: $font-size-30;
                color: $color-domhue;
            }
            .rebate {
                font-size: $font-size-20;
                margin-bottom: 5rpx;
                padding-left: 15rpx;
                color: $color-b2b2b2;
                text {
                    color: $color-domhue;
                }
            }
            .buy {
                width: 166rpx;
                height: 46rpx;
                font-size: $font-size-24;
                text-align: center;
                line-height: 46rpx;
                color: $color-domhue;
                &:before {
                    border: 1px solid $color-domhue;
                }
            }
        }
    }
    .typethree {
        display: inline-block;
        width: 360rpx;
        padding-left: 10rpx;
        padding-bottom: 10rpx;
        padding-top: 0;
        .product {
            image {
                width: 360rpx;
                height: 330rpx;
                background: #E6E6E6;
            }
            .sign {
                width: 60rpx;
                height: 40rpx;
                line-height: 40rpx;
            }
        }
        .describe {
            background: $color-f6f6f6;
            height: 156rpx;
        }
    }
    &.surplustwo:last-child {
        background: #fff;
        padding-bottom: 20rpx;
    }
    &.surplusthree {
        background: #fff;
        display: inline-block;
    }
}

//  商品标题
.zt-goodtitle {
    height: 80rpx;
    .title {
        font-weight: bold;
        background-image: linear-gradient(to right, $color-3023ae, $color-c86dd7);
        -webkit-background-clip: text;         /* 规定背景的划分区域 */
        // -webkit-text-fill-color: transparent;  /* 防止字体颜色覆盖 */
        color: $color-3023ae;
    }
    .arrowbox {
        border-radius: 100%;
        width: 26rpx;
        height: 26rpx;
        display: flex;
        align-items: center;
        justify-items: center;
        background-image: linear-gradient(-204deg, #5F72BD 0%, #9B23EA 100%, #904CFF 100%);
        .zt-cell__ft_in-access::after {
            right: 4px;
            border-width: 1px 1px 0 0;
            border-color:#fff;
        }
    }
    .more {
        padding-right: 5rpx;
        font-size: $font-size-26;
        color: $color-666666;
    }
}